<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一元运购-搜索</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> 
<link rel="stylesheet" type="text/css" href="style/main.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div class="search_header">
		<div class="search_wrap">
			<span class="back">
				<a href="javascript:history.go(-1);"></a>
			</span>
			<div class="input_text">
				<span class="search_icon"></span>
				<input type="text" placeholder="请输入汽车试试">
				<span class="clear_icon"></span>
			</div>
			<span class="search_btn">搜索</span>
		</div>	
		<script type="text/javascript">
			$(function(){
				$('.input_text input').bind("input propertychange",function(){

					if($(this).val()!=''){
						$('.clear_icon').show();
					}else{
						$('.clear_icon').hide();
					}
				 
				});
				$('.clear_icon').click(function(){
					$('.input_text input').val('');
				})
			});
		</script>
	</div>
    <div class="searchbox">
    	<div class="hot">
    		<h3>热门搜索</h3>
    		<ul>
    			<li><a href="javascript:">iPhone7</a></li>
    			<li><a href="javascript:">黄金</a></li>
    			<li><a href="javascript:">小米</a></li>
    		</ul>
    		<div class="clear"></div>
    	</div>
    	<div class="record">
    		<ul>
    			<li class="lishi"><a>历史记录</a></li>
    			<li><a href="javascript:">iPhone7</a></li>
    			<li><a href="javascript:">黄金</a></li>
    			<li><a href="javascript:">小米</a></li>
    		</ul>
    	</div>
    </div>
</body>
</html>